<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>传智专修学院全栈1、2班</title>
  <link rel="stylesheet" href="../lib/css/home/reset.css">
  <link rel="stylesheet" href="../lib/css/home/swiper.css">
  <link rel="stylesheet" href="../lib/css/home/index.css">
  <style type="text/css">
    .toubu {
      width: 100%;
    }

    .shuoming {
      background-color: #eee;
    }

    .shuoming-box {
      height: 30px;
      line-height: 30px;
      width: 1200px;
      margin: 0 auto;
      overflow: hidden;
    }

    .shuoming-left {
      float: left;
    }

    .shuoming-right {
      float: right;
    }

    .logo {
      width: 100%;
      background-color: #f4f4f4;
    }

    .logo-box {
      width: 1200px;
      margin: 0 auto;

    }

    .banhui {
      float: left;
      width: 70px;
      margin-right: 30px;
    }

    .banji {
      width: 550px;
      overflow: hidden;
      padding: 10px 0;
      margin: 0 auto;
    }

    .banji p {
      float: left;
      width: 450px;
      line-height: 70px;
      font-size: 30px;
      font-family: "CloudKaiXingGBK";
    }

    #gallery {
      width: 1200px;
    }

    #thumbs {
      width: 1000px;
    }

    #thumbs .swiper-slide {
      opacity: 0.3;
    }

    #thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

    .chenghao {
      text-align: center;
      height: 50px;
      line-height: 50px;
      font-size: 30px;
      font-family: "CloudKaiXingGBK";
      display: none;
    }

    .xs {
      display: block;
    }
  </style>
</head>

<body>
  <div class="toubu">
    <div class="shuoming">
      <div class="shuoming-box">
        <div class="shuoming-left">传智专修学院——软件工程系全栈专业1、2班</div>
        <div class="shuoming-right">联系负责人：17715077953</div>
      </div>
    </div>
    <div class="logo">
      <div class="logo-box">
        <div class="banji">
          <div class="banhui">
            <img src="../lib/images/banhuif4.png" alt="">
          </div>
          <p>传智专修学院全栈专业1、2班</p>
        </div>
      </div>
    </div>
  </div>
  <div class="toubu-nav">
    <img src="../lib/images/home/beijing1.jpg" alt="">
  </div>
  <div class="toubu-lunbo">
    <div class=" swiper-container" id="gallery">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm4.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm5.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm1.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm2.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm3.jpg" alt="轮播图">
        </div>
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
    <div class="chenghao" num="1">模范学生—李玉娇</div>
    <div class="chenghao" num="2">满分学神—张庭叙</div>
    <div class="chenghao" num="3">养猪司令—王永红</div>
    <div class="chenghao" num="4">铁血大神—刘一帆</div>
    <div class="chenghao" num="5">全栈黑马—吴峰</div>
    <div class="swiper-container swiper-container-thumbs" id="thumbs">
      <div class="swiper-wrapper" style="transition-duration: 0ms;">
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm4.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm5.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm1.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm2.jpg" alt="轮播图">
        </div>
        <div class="swiper-slide">
          <img src="../lib/images/home/xzmm3.jpg" alt="轮播图">
        </div>
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
  </div>
  <div class="beijing2"><img src="../lib/images/home/huanjing1.jpg" alt=""></div>

</body>
<script type="text/javascript" src="../lib/js/home/swiper.min.js"></script>
<script src="../lib/js/home/index.js"></script>

</html>